import React from 'react';
// import List from './list.js';
// import Form from './form.js';
// import State from './state.js';
// import ContextComponent from './context.js';
// import AsyncHronous from './asynchronous.js';
// import HOC from './hoc.js';
// import RenderProps from './render-props.js';
// import EventComponent from './event.js';
import Hook from './hook';

class App extends React.Component{
    constructor(props){
        super(props)
    }
    render() {
        // 原生html
        const rawHtml = `<div class='aaa'>Go Head Now</div>`
        const rawHTMLData= {
            __html: rawHtml
        }
        return <h1>
            <p dangerouslySetInnerHTML ={rawHTMLData}></p>
            {/* <List/> */}
            {/* <Form/> */}
            {/* <State /> */}
            {/* <State /> */}
            {/* <ContextComponent /> */}
            {/* <AsyncHronous /> */}
            {/* <EventComponent /> */}
            {/* <HOC head='透传组件' /> */}
            {/* <RenderProps head='Render Props'/> */}
            <Hook param='Hook Components' person='Jack'/>
        </h1>
    }
}

export default App